const { defineConfig } = require("@vue/cli-service");
const AutoImport = require('unplugin-auto-import/webpack')
const Components = require('unplugin-vue-components/webpack')
const { ElementPlusResolver } = require('unplugin-vue-components/resolvers')
module.exports = defineConfig({
  transpileDependencies: true,
  // css相关配置
  css: {
    // css预设器配置项
    loaderOptions: {
      scss: {
        additionalData: `@import "./src/styles/style.scss";`, //主入口css文件路径
      },
    },
  },
  // 设置插件配置
  configureWebpack: {
    plugins: [
      AutoImport({
        resolvers: [ElementPlusResolver()],
      }),
      Components({
        resolvers: [ElementPlusResolver()],
      }),
    ],
  },
  // 解决跨域
  devServer: {
    open: false,
    host: "0.0.0.0",
    port: 8080,
    https: false,
    proxy: 'http://localhost:3000',
  }
});
